<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>计划页面</title>

    <link rel="stylesheet" type="text/css" href="../../asserts/style/global.s.css">
    <link rel="stylesheet" type="text/css" href="./index.s.css">
    <link rel="stylesheet" type="text/css" href="./edit.s.css">

    <script type="text/javascript" src="../../node_modules/requirejs/require.js"></script>
    <script type="text/javascript" src="../../configs/using.js"></script>

    <script type="text/javascript">
        require(["jquery", "functions/plan/index"], function ($, page) {
            $(function () {
                page.default.PlanOnLoad();
            });
        });
    </script>
</head>
<body>
    <div class="suspension suspension_plan_toolbar">
        <button class="btn create feature_module hover iconsvg" src="../../asserts/icons/svgs/plus-solid.svg">
            <i class="span">创建新计划</i>
        </button>
    </div>

    <div class="suspension suspension_plan_wait_completion_list feature_module">
        <div class="top_title">
            <span class="span">待完成任务队列</span>
        </div>
        <div class="indent feature_module hover iconsvg" src="../../asserts/icons/svgs/angles-right-solid.svg"></div>
        <div class="contents"></div>
        <script class="template_suspension_plan_wait_completion_list" type="text/html">
            {{ each list m index }}
            <div class="item importance_level_{{ m.ImportanceLevel }} hover" data-Id="{{ m.Id }}">
                <span class="span">{{ m.Title }}</span>
            </div>
            {{ /each }}
        </script>
    </div>

    <div class="exhibition_area">
        <div class="title">
            <span class="span">当前需完成计划:</span>
        </div>
        <div class="contents">
        </div>
        <script class="template_exhibition_area" type="text/html">
            {{ each list box box_index }}
            <div class="plan feature_module">
                <div class="module title">
                    <span class="span">{{ box.plan.Title }}</span>
                </div>
                <div class="module feature_module description">
                    <p class="span">
                        需要完成的步骤数量: {{ box.plan.NeedComplateCount }}
                        <br />
                        重要等级: {{ box.plan.ImportanceLevel }}
                        <br />
                        顺序: {{ box.plan.Sort }} (数字越大, 排序越大)
                        <br />
                        添加时间: {{ box.plan.AddTime }}
                        <br />
                        备注: {{ box.plan.DescribeRemark }}
                    </p>
                </div>
                <div class="module feature_module progress">
                    <div class="style_selected">
                        <button class="btn normal feature_module hover iconsvg" src="../../asserts/icons/svgs/points.svg">
                            <i class="span">标记</i>
                        </button>
                        <button class="btn list feature_module hover iconsvg" src="../../asserts/icons/svgs/list.svg">
                            <i class="span">列表</i>
                        </button>
                    </div>
                    <div class="complate_records">
                        {{ each box.complates record record_index }}
                        <div class="record {{ record.Time ? 'have' : '' }}">
                            <span class="signno">{{ record.StepNo }}</span>
                            <span class="time">完成时间: {{ record.Time }}</span>
                            <span class="remark">备注: {{ record.Remark }}</span>
                            <span class="btn edit_complate_record iconsvg"
                                data-planid="{{ record.PlanID }}"
                                data-signno="{{ record.StepNo }}"
                                src="../../asserts/icons/svgs/edit-solid.svg">
                                <i class="span">写入</i>
                            </span>
                            <span class="have_data iconsvg" src="../../asserts/icons/svgs/complate.svg"></span>
                        </div>
                        {{ /each }}
                    </div>
                </div>
                <div class="module suspension toolbar">
                    <button class="btn edit feature_module hover iconsvg"
                        src="../../asserts/icons/svgs/edit-solid.svg"
                        data-Id="{{ box.plan.Id }}">
                        <i class="span">修改</i>
                    </button>
                </div>
            </div>
            {{ /each }}
        </script>
    </div>
    <div class="global_loading"></div>
</body>
</html>
